.name{
    font-family: 'KaiTi', Courier, monospace;
    color: #4e4f4e;
    font-size: 20px;
    font-weight: 600;

}
.title{
    margin-left: 5%;
    font-size: 28px;
    text-align: left;
    font-family: 'STXingkai', Courier, monospace;
    margin-top: 1%;
    margin-bottom: 1%;
    color: #059a4b;
}
.price{
    color:rgb(250, 69, 69);
    font-size: 18px;
}
body{
    background-color: #f7f6f6;
}
.all{
    box-shadow:0px 0px 20px -10px #7b7b7b;
    margin: 20px;
    padding: 20px;
    height: auto;
    border: 1px solid #F1F1F1;
    border-radius: 4px;
    background-color: rgb(248, 243, 243);
}
.search{
    height: 70px;
    background: #F1F1F1;
    position: relative;
    margin: 0 auto;
    
}
.search_input{
    width: 203px;
    padding: 0 15px;
    line-height: 43px;
    height: 40px;
}
.search_btn{
    display: inline-block;
    margin-left: 20px;
    height: 40px;
    line-height: 40px;
    border-radius: 30px;
    color: white;
    background: #059a4b;
    width: 96px;
    text-align: center;
    transition: all .3s ease;
    font-size: 18px;
    border: none;
}
.search_btn:hover{
    cursor: pointer;
    background: #1ce57a;

}
.search_main {
    background: #FFFFFF;

    
}
.search_name{
    float: left;
    /* height: 66px; */
    line-height: 60px;
    font-size: 16px;
    color: #999999;
}
.search_list {
    position: relative;
    margin: 0 26px;
    border-bottom: 1px solid #bab9b9;
}
.search__option_box {
    position: relative;
    margin-left: 60px;
    /* height: 60px; */
    overflow: hidden;

}
.search__option {
    padding-top: 18px;
    position: relative;
}

.search__option ul {
    margin: 0 0 0 15px;
    display: inline-block;
    width: 950px;
    
}
.search__option ul li {
    list-style: none;
    color: #333;
    outline: medium none;
    text-decoration: none;
    cursor: pointer;
    width: 12%;
    height: 26px;
    /* margin-bottom: 5px; */
    line-height: 26px;
    float: left;
    text-align: center;
    /* transition: all .3s ease; */
    margin-right: 15px;
    margin-bottom: 16px;
    position: relative;

}
.search__option ul li:hover{
    border-radius: 30px;
    background: #1ce57a;
    color: white;
}
.active {  
    color: wheat;
    border-radius: 30px;
    background: #1ce57a;
}
.info li{
    width: 95%;
    /* float: left; */
    display:flex;
    list-style: none;
    margin: 8px 0;
    box-shadow:0px 0px 20px -10px #059a4b;

}
.info li:hover{
    cursor: pointer;
    transform: scale(1.03);
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -o-transform: scale(1.03);
    -ms-transform: scale(1.03);
}
.info img{
    padding: 10px;
    width: 150px;
    height: 150px;
}